home *** CD-ROM | disk | FTP | other *** search
/ Web Designer 98 (Professional) / WebDesigner 1.0.iso / tutorials / tut5 / ro_barebone.txt < prev    next >
Text File  |  1997-06-14  |  16KB  |  327 lines
  1. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  2.  
  3.  
  4.     G H I D U L   P R O G R A M A T O R U L U I   H T M L
  5.  
  6.         de Kevin Werbach <http://werbach.com/>
  7.  
  8.            Versiunea 3.0  --  21 Iulie 1996
  9. ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  10.  
  11.  
  12.  
  13. Acest document il veti gasi in permanenta la <http://werbach.com/barebones/>.
  14.  
  15. Ghidul programatorului HTML listeaza toate tagurile recunoscute de majoritatea 
  16. browserelor, versiunile curente. Am inclus toate tagurile din specificatia 
  17. 3.2, precum si extensiile Netscape incluse in versiuni pana la 3.0b5. Ghidul 
  18. este scris in asa fel incat sa fie cat mai concis posibil, deci nu se va intra
  19. in detalierea tagurilor descrise. Sunt numerosi ghizi pas cu pas pe Web;
  20. am linkuri catre multi dintre ei la <http://werbach.com/web/wwwhelp.html>. 
  21.  
  22. Comentariile si sugestiile sint binevenite; ma puteti gasi prin Email la 
  23. <barebones@werbach.com>.
  24.  
  25.  
  26. FORMATUL ACESTUI DOCUMENT
  27. ---------------------------------------------------------------------------
  28. Acest document poate fi vizualizat cel mai bine cu un font monospaced.
  29.  
  30. Pentru claritate mai mare, am separat atributele ce pot fi aplicate aceluiasi 
  31. tag pe linii separate. In general, mai multe atribute pot fi aplicate aceluiasi
  32. tag.
  33.  
  34. Tagurile sunt scrise cu litere mari pentru a fi citite mai usor, desi majoritatea
  35. tagurilor nu sunt case sensitive.
  36.  
  37.  
  38.  
  39. SIMBOLURI FOLOSITE
  40. ---------------------------------------------------------------------------
  41. URL    URL-ul unui fisier extern (sau doar numele fisierului da este in acelasi 
  42. director)
  43. ?      Numar (ex. <H?> inseamna <H1>, <H2>, <H3>, etc.)
  44. %      Procent (ex. <HR WIDTH="%"> inseamna <HR WIDTH="50%">, etc)
  45. ***    Text (ex. ALT="***" inseamna sa inlocuiti cu un text)
  46. $$$$$$ Hexazecimal (ex. BGCOLOR="#SSSSSS" inseamna BGCOLOR="#00FF1C", etc.)
  47. ,,,    Separare prin virgula (ex. COORDS=",,," inseamna COORDS="0,0,50,50", etc.)
  48. |      Alternativa (ex. ALIGN=LEFT|RIGHT|CENTER inseamna sa alegeti una dintre
  49. optiuni)
  50.  
  51.  
  52. COMPATIBILITATE (atentie, HTML evolueaza shi implementarile browserelor variaza)
  53. ---------------------------------------------------------------------------
  54.        (nimic) In spec. HTML 3.2; ar trebui sa mearga pe toate browserele
  55. N1.0   Extensie Netscape introdusa in Navigator versiunea 1.0
  56. N1.1   Extensie Netscape introdusa in Navigator versiunea 1.1
  57. N2.0   Extensie Netscape introdusa in Navigator versiunea 2.0
  58. N3.0B  Extensie Netscape introdusa in Navigator versiunea 3.0 beta
  59.  
  60. ===========================================================================
  61. ===========================================================================
  62.  
  63.  
  64.  
  65. GENERAL  (toate documentele HTML trebuie sa aiba aceste parti)
  66. ---------------------------------------------------------------------------
  67.        Tipul doc.       <HTML></HTML>      (inceputul si sfarsitul doc.)
  68.        Titlu            <TITLE></TITLE>    (trebuie sa fie in header)
  69.        Header           <HEAD></HEAD>      (informatii descriptive, cum ar fi 
  70. titlul)
  71.        Corp             <BODY></BODY>      (corpul doc.)
  72.  
  73.  
  74. DEFINITII STRUCTURALE  (aparente controlate de preferintele browserului)
  75. ---------------------------------------------------------------------------
  76.        Marime font      <H?></H?>          (spec. defineste 6 nivele)
  77.          Aliniere         <H? ALIGN=LEFT|CENTER|RIGHT></H?>
  78.        Divizare         <DIV></DIV>
  79.          Aliniere         <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
  80.        Citat            <BLOCKQUOTE></BLOCKQUOTE>    (de obicei aliniat la 
  81. dreapta sau la stanga)
  82.        Accentuare       <EM></EM>          (de obicei scris cu italic)
  83.        Acc. puternica   <STRONG></STRONG>  (de obicei scris cu bold)
  84.        Citat            <CITE></CITE>      (de obicei italic)
  85.        Cod              <CODE></CODE>      (pt. listare cod sursa)
  86.        Exemplu          <SAMP></SAMP>
  87.        Input tastatura  <KBD></KBD>
  88.        Variabila        <VAR></VAR>
  89.        Definitie        <DFN></DFN>        (fara raspandire larga)
  90.        Adresa autorului <ADDRESS></ADDRESS>
  91.        Font mare        <BIG></BIG>
  92.        Font mic         <SMALL></SMALL>
  93.  
  94.  
  95. FORMATAREA PREZENTARII   (autorul specifica formatul textului)
  96. ---------------------------------------------------------------------------
  97.        Bold             <B></B>
  98.        Italic           <I></I>
  99. N3.0b  Subliniat        <U></U>            (fara raspandire larga)
  100.        Evidentiere      <STRIKE></STRIKE>  (fara raspandire larga)
  101. N3.0b  Evidentiere      <S></S>            (fara raspandire larga)
  102.        Subscript        <SUB></SUB>
  103.        Superscript      <SUP></SUP>
  104.        Masina de scris  <TT></TT>          (se foloseste un font monospaced)
  105.        Preformatare     <PRE></PRE>        (se foloseste sursa asa cum este)
  106.          Latime            <PRE WIDTH=?></PRE>   (in caractere)
  107.        Centru           <CENTER></CENTER>  (pentru text si imagini)
  108. N1.0   Clipire          <BLINK></BLINK>    (cel mai controversat tag)
  109.        Marimea fontului <FONT SIZE=?></FONT>       (valori de la 1 la 7)
  110.        Schimbare marime 
  111.         font    <FONT SIZE="+|-?"></FONT>
  112. N1.0   Marime implicita <BASEFONT SIZE=?>  (de la 1 la 7; implicit 3)
  113.        Culoare          <FONT COLOR="#$$$$$$"></FONT>
  114. N3.0b  Selectie font      <FONT FACE="***"></FONT>
  115. N3.0b  Multi-Column     <MULTICOL COLS=?></MULTICOL>
  116. N3.0b    Column Gutter    <MULTICOL GUTTER=?></MULTICOL>
  117. N3.0b    Column Width     <MULTICOL WIDTH=?></MULTICOL>
  118. N3.0b  Spacer           <SPACER>
  119. N3.0b    Spacer Type      <SPACER TYPE=horizontal|vertical|block>
  120. N3.0b    Size             <SPACER SIZE=?>
  121. N3.0b    Dimensions       <SPACER WIDTH=? HEIGHT=?>
  122. N3.0b    Alignment        <SPACER ALIGN=left|right|center>
  123.  
  124.  
  125. LINKS AND GRAPHICS
  126. ---------------------------------------------------------------------------
  127.        Link Something   <A HREF="URL"></A>
  128.          Link to Target   <A HREF="URL#***"></A>  (if in another document)
  129.                           <A HREF="#***"></A>     (if in current document)
  130. N2.0     Target Window    <A HREF="URL" TARGET="***"></A>
  131.        Define Target    <A NAME="***"></A>
  132.        Display Image    <IMG SRC="URL">
  133.          Alignment        <IMG SRC="URL"
  134. ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
  135. N1.0     Alignment        <IMG SRC="URL" ALIGN=TEXTTOP|ABSMIDDLE|
  136.                              BASELINE|ABSBOTTOM>
  137.          Alternate        <IMG SRC="URL" ALT="***"> (if image not displayed)
  138.          Dimensions       <IMG SRC="URL" WIDTH=? HEIGHT=?>   (in pixels)
  139.          Border           <IMG SRC="URL" BORDER=?>             (in pixels)
  140.          Runaround Space  <IMG SRC="URL" HSPACE=? VSPACE=?>      (in pixels)
  141. N1.0     Low-Res Proxy    <IMG SRC="URL" LOWSRC="URL">
  142.          Imagemap         <IMG SRC="URL" ISMAP>     (requires a script)
  143.          Imagemap         <IMG SRC="URL" USEMAP="URL">
  144.        Map              <MAP NAME="***"></MAP>   (describes the map)
  145.        Section          <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF>
  146. N1.1   Client Pull      <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">
  147. N2.0   Embed Object     <EMBED SRC="URL">  (insert object into page)
  148. N2.0     Object Size      <EMBED SRC="URL" WIDTH=? HEIGHT=?>
  149.  
  150.  
  151. DIVIDERS
  152. ---------------------------------------------------------------------------
  153.        Paragraph        <P></P>            (closing tag often unnecessary)
  154.          Align Text       <P ALIGN=LEFT|CENTER|RIGHT></P>
  155.        Line Break       <BR>               (a single carriage return)
  156.          Clear Textwrap   <BR CLEAR=LEFT|RIGHT|ALL>
  157.        Horizontal Rule  <HR>
  158.          Alignment        <HR ALIGN=LEFT|RIGHT|CENTER>
  159.          Thickness        <HR SIZE=?>      (in pixels)
  160.          Width            <HR WIDTH=?>     (in pixels)
  161.          Width Percent    <HR WIDTH="%">     (as a percentage of page width)
  162.         Solid Line       <HR NOSHADE>     (without the 3D cutout look)
  163. N1.0   No Break         <NOBR></NOBR>       (prevents line breaks)
  164. N1.0   Word Break       <WBR>              (where to break a line if needed)
  165.  
  166.  
  167. LISTS  (lists can be nested)
  168. ----------------------------------------------------------------------------
  169.        Unordered List   <UL><LI></UL>      (<LI> before each list item)
  170.          Compact          <UL COMPACT></UL>
  171.          Bullet Type      <UL TYPE=DISC|CIRCLE|SQUARE>  (for the whole list)
  172.                           <LI TYPE=DISC|CIRCLE|SQUARE>  (this & subsequent)
  173.        Ordered List     <OL><LI></OL>      (<LI> before each list item)
  174.          Compact          <OL COMPACT></OL>
  175.          Numbering Type <OL TYPE=A|a|I|i|1>      (for the whole list)
  176.                           <LI TYPE=A|a|I|i|1>      (this & subsequent)
  177.          Starting Number  <OL START=?>             (for the whole list)
  178.                           <LI VALUE=?>             (this & subsequent)
  179.        Definition List  <DL><DT><DD></DL>  (<DT>=term, <DD>=definition)
  180.          Compact          <DL COMPACT></DL>
  181.        Menu List        <MENU><LI></MENU>  (<LI> before each list item)
  182.          Compact          <MENU COMPACT></MENU>
  183.        Directory List   <DIR><LI></DIR>    (<LI> before each list item)
  184.          Compact          <DIR COMPACT></DIR>
  185.  
  186.  
  187. BACKGROUNDS AND COLORS
  188. ---------------------------------------------------------------------------
  189.        Tiled Bkground   <BODY BACKGROUND="URL">
  190.        Bkground Color   <BODY BGCOLOR="#$$$$$$"> (order is red/green/blue)
  191.          Text Color       <BODY TEXT="#$$$$$$">
  192.          Link Color       <BODY LINK="#$$$$$$">
  193.          Visited Link     <BODY VLINK="#$$$$$$">
  194.          Active Link      <BODY ALINK="#$$$$$$">
  195. (More info at <http://werbach.com/web/wwwhelp.html#color>)
  196.  
  197.  
  198. SPECIAL CHARACTERS  (these must all be in lower case)
  199. ---------------------------------------------------------------------------
  200.        Special Character &#?;            (where ? is the ISO 8859-1 code)
  201.        <                 <
  202.        >                 >
  203.        &                 &
  204.        "                 "
  205.        Registered TM     ®
  206.        Registered TM     ®
  207.        Copyright         ©
  208.        Copyright         ©
  209.        Non-Breaking Spc   
  210. (Complete list at <http://www.uni-passau.de/%7Eramsch/iso8859-1.html>)
  211.  
  212.  
  213. FORMS  (generally require a script on your server)
  214. ---------------------------------------------------------------------------
  215.        Define Form      <FORM ACTION="URL" METHOD=GET|POST></FORM>
  216. N2.0     File Upload      <FORM ENCTYPE="multipart/form-data></FORM>
  217.        Input Field      <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|
  218.                           IMAGE|HIDDEN|SUBMIT|RESET">
  219.          Field Name       <INPUT NAME="***">
  220.          Field Value      <INPUT VALUE="***">
  221.          Checked?         <INPUT CHECKED>  (checkboxes and radio boxes)
  222.          Field Size       <INPUT SIZE=?>       (in characters)
  223.          Max Length       <INPUT MAXLENGTH=?>  (in characters)
  224.        Selection List   <SELECT></SELECT>
  225.          Name of List     <SELECT NAME="***"></SELECT>
  226.          # of Options     <SELECT SIZE=?></SELECT>
  227.          Multiple Choice  <SELECT MULTIPLE>    (can select more than one)
  228.        Option           <OPTION>           (items that can be selected)
  229.          Default Option   <OPTION SELECTED>
  230.        Input Box Size   <TEXTAREA ROWS=? COLS=?></TEXTAREA>
  231.          Name of Box      <TEXTAREA NAME="***"></TEXTAREA>
  232. N2.0     Wrap Text        <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
  233.  
  234.  
  235. TABLES
  236. ---------------------------------------------------------------------------
  237.        Define Table     <TABLE></TABLE>
  238.          Table Border     <TABLE BORDER></TABLE>    (either on or off)
  239.          Table Border     <TABLE BORDER=?></TABLE>  (you can set the value)
  240.          Cell Spacing     <TABLE CELLSPACING=?>
  241.          Cell Padding     <TABLE CELLPADDING=?>
  242.          Desired Width    <TABLE WIDTH=?>           (in pixels)
  243.          Width Percent    <TABLE WIDTH=%>           (percentage of page)
  244.        Table Row        <TR></TR>
  245.          Alignment        <TR ALIGN=LEFT|RIGHT|CENTER
  246.                               VALIGN=TOP|MIDDLE|BOTTOM>
  247.        Table Cell       <TD></TD>          (must appear within table rows)
  248.          Alignment        <TD ALIGN=LEFT|RIGHT|CENTER
  249.                              VALIGN=TOP|MIDDLE|BOTTOM>
  250.          No linebreaks    <TD NOWRAP>
  251.          Columns to Span  <TD COLSPAN=?>
  252.          Rows to Span     <TD ROWSPAN=?>
  253. N1.1     Desired Width    <TD WIDTH=?>     (in pixels)
  254. N1.1     Width Percent    <TD WIDTH="%">     (percentage of table)
  255. N3.0b    Cell Color       <TD BGCOLOR="#$$$$$$">
  256.        Table Header     <TH></TH>     (same as data, except bold centered)
  257.          Alignment        <TH ALIGN=LEFT|RIGHT|CENTER
  258.                               VALIGN=TOP|MIDDLE|BOTTOM>
  259.          No Linebreaks    <TH NOWRAP>
  260.          Columns to Span  <TH COLSPAN=?>
  261.          Rows to Span     <TH ROWSPAN=?>
  262. N1.1     Desired Width    <TH WIDTH=?>     (in pixels)
  263. N1.1     Width Percent    <TH WIDTH="%">     (percentage of table)
  264. N3.0b    Cell Color       <TH BGCOLOR="#$$$$$$">
  265.        Table Caption    <CAPTION></CAPTION>
  266.          Alignment        <CAPTION ALIGN=TOP|BOTTOM>   (above/below table)
  267.  
  268.  
  269. FRAMES  (define and manipulate specific regions of the screen)
  270. ---------------------------------------------------------------------------
  271. N2.0   Frame Document   <FRAMESET></FRAMESET>           (instead of <BODY>)
  272. N2.0     Row Heights      <FRAMESET ROWS=,,,></FRAMESET>      (pixels or %)
  273. N2.0     Row Heights      <FRAMESET ROWS=*></FRAMESET>  (* = relative size)
  274. N2.0     Column Widths    <FRAMESET COLS=,,,></FRAMESET>      (pixels or %)
  275. N2.0     Column Widths    <FRAMESET COLS=*></FRAMESET>  (* = relative size)
  276. N3.0b    Borders          <FRAMESET FRAMEBORDER="yes|no">
  277. N3.0b    Border Width     <FRAMESET BORDER=?>
  278. N3.0b    Border Color     <FRAMESET BORDERCOLOR="#$$$$$$">
  279. N2.0   Define Frame     <FRAME>           (contents of an individual frame)
  280. N2.0     Display Document <FRAME SRC="URL">
  281. N2.0     Frame Name       <FRAME NAME="***"|_blank|_self|_parent|_top>
  282. N2.0     Margin Width     <FRAME MARGINWIDTH=?>    (left and right margins)
  283. N2.0     Margin Height    <FRAME MARGINHEIGHT=?>   (top and bottom margins)
  284. N2.0     Scrollbar?       <FRAME SCROLLING="YES|NO|AUTO">
  285. N2.0     Not Resizable    <FRAME NORESIZE>
  286. N3.0b    Borders          <FRAME FRAMEBORDER="yes|no">
  287. N3.0b    Border Color     <FRAME BORDERCOLOR="#$$$$$$">
  288. N2.0   Unframed Content <NOFRAMES></NOFRAMES>     (for non-frames browsers)
  289.  
  290.  
  291. JAVA
  292. ---------------------------------------------------------------------------
  293.        Applet           <APPLET></APPLET>
  294.          File Name        <APPLET CODE="***">
  295.          Parameters       <APPLET PARAM NAME="***">
  296.          Location         <APPLET CODEBASE="URL">
  297.          Identifier       <APPLET NAME="***">        (for references)
  298.          Alt Text         <APPLET ALT="***">         (for non-Java browsers)
  299.          Alignment        <APPLET ALIGN="LEFT|RIGHT|CENTER">
  300.          Size             <APPLET WIDTH=? HEIGHT=?>  (in pixels)
  301.          Spacing          <APPLET HSPACE=? VSPACE=?> (in pixels)
  302.  
  303.  
  304. MISCELLANEOUS
  305. ---------------------------------------------------------------------------
  306.        Comment          <!-- *** -->       (not displayed by the browser)
  307.        Prologue         <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
  308.        Searchable       <ISINDEX>          (indicates a searchable index)
  309.         Prompt           <ISINDEX PROMPT="***">    (text to prompt input)
  310.        Send Search      <A HREF="URL?***"></a>  (use a real question mark)
  311.        URL of This File <BASE HREF="URL">  (must be in header)
  312. N2.0   Base Window Name <BASE TARGET="***">(must be in header)
  313.        Relationship     <LINK REV="***" REL="***" HREF="URL">  (in header)
  314.        Meta Information <META>             (must be in header)
  315.        Style Sheets     <STYLE></STYLE>    (not widely supported yet)
  316.        Scripts          <SCRIPT></SCRIPT>  (not widely supported yet)
  317.  
  318.  
  319.  
  320.  
  321.  
  322. ===========================================================================
  323. Copyright (c) 1995, 1996 Kevin Werbach.  Noncommercial redistribution is
  324. permitted.  This Guide is not a product of Bare Bones Software.  Contact the
  325. author for more information.
  326.  
  327.